<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>转换过后会提高层级(位移也是)</title>
    <!-- 在不写transform: translateX(1px);的情况下 第二个 div 的 123 是显示不出来的 它被第一个 div 所覆盖
    但是加上这句话 就可以显示出来了
    因为  转换/位移 过后会提高层级
    具体情况可见购物车宣传页的 .content 的写法及注释 -->
    <style>
        .fixed {
            width:100%;
            height:50px;
            background: pink;
            position: fixed;
            left:0;
            top:0;
        }
        .transform {
            transform: translateX(1px);
        }
    </style>
</head>
<body>
<div class="fixed"></div>
<div class="transform">123</div>
</body>
</html>